<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>solution 6-2</title>
<script type="text/javascript">
	function drawLogo() {
		var canvas = document.getElementById("myCanvas");
		var context = canvas.getContext("2d");
		context.lineWidth = 4;
		context.beginPath();
		context.moveTo(190, 100);
		context.arc(190, 125, 25, Math.PI * 1.5, Math.PI * .5, true);
		context.stroke();
		context.beginPath();
		context.moveTo(165, 125);
		context.lineTo(190, 125);
		context.stroke();
		context.beginPath();
		context.moveTo(198, 100);
		context.arc(198, 125, 25, Math.PI * 1.5, Math.PI * .5, false);
		context.closePath();
		context.stroke();
		context.beginPath();
		context.moveTo(73.3, 121.0);
		context.bezierCurveTo(73.3, 121.0, 76.7, 123.7, 81.3, 123.3);
		context.bezierCurveTo(81.3, 123.3, 100.3, 116.5, 104.0, 117.0);
		context.bezierCurveTo(112.0, 118.0, 120.0, 131.3, 125.3, 131.0);
		context.bezierCurveTo(129.0, 130.8, 136.7, 127.0, 136.7, 127.0);
		context.bezierCurveTo(136.7, 127.0, 144.7, 120.3, 148.3, 126.3);
		context.bezierCurveTo(153.5, 134.8, 158.0, 128.0, 158.0, 128.0);
		context.stroke();

	}
</script>
</head>
<body onload="drawLogo()">
	<canvas id="myCanvas" width="500" height="200">Your browser does not have support for HTML 5
Canvas.</canvas>
</body>
</html>